﻿* {
    margin: 0;
    padding: 0;
}
body {
    font-family:Consolas, 'Lucida Console', 'DejaVu Sans Mono', monospace;
}

    #wrapper{
        width:100%;
        height: 100%;
    }
        
    h1 {
        
        text-align:center;
        margin: 50px 0;
    }
    #field{
        margin:auto;
        position:absolute;
        height:500px;
        width:300px;
        background-color:darkseagreen;
        left: 40%;
        overflow:hidden;
        border-radius: 5px;
        border: 3px solid black;
        display:inline-block;
    }
        
      #block {
          position:relative;
          display:inline-block;
      }

      .block {
          height:25px;
          width:25px;
          display:inline-block;
          border: 1px solid black;
          background-color:red;
          float:left;
          visibility:hidden;
          border-radius:3px;
      }

        #controls{
            display:inline-block;
            padding-left:40px;
            padding-top:40px;
        }

        #controls div {
            float:left;
            margin-right:5px;
            text-align:right;
        }
            p{
                font-size:1.3em;
                
            }
            .rightalign{
                text-align:right;
            }
            .leftalign{
                text-align:left;
            }